<template>
	<view class="newsNotice">
		<view class="top_line"></view>
		<!-- 上半部分 -->
		<view class="news">
			<text>新消息通知</text>
			<view class="cro_sel">
				<u-switch
					space="2" v-model="value1" activeColor="rgb(7,193,96)"
					inactiveColor="rgb(230, 230, 230)">
				</u-switch>
			</view>
		</view>
		<view class="news">
			<text>活动通知</text>
			<view class="cro_sel">
				<u-switch
					space="2" v-model="value2" activeColor="rgb(7,193,96)"
					inactiveColor="rgb(230, 230, 230)">
				</u-switch>
			</view>
		</view>
		
		<!-- 当前您有新的消息 -->
		<view class="have_news">
			<text>当前您有新的消息</text>
		</view>
		
		
		<!-- 下半部分 -->
		<view class="news">
			<text>声音</text>
			<view class="cro_sel">
				<u-switch
					space="2" v-model="value3" activeColor="rgb(7,193,96)"
					inactiveColor="rgb(230, 230, 230)">
				</u-switch>
			</view>
		</view>
		<view class="news">
			<text>振动</text>
			<view class="cro_sel">
				<u-switch
					space="2" v-model="value4" activeColor="rgb(7,193,96)"
					inactiveColor="rgb(230, 230, 230)">
				</u-switch>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value1: true,
				value2: false,
				value3: false,
				value4: false
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.newsNotice{
		width: 100%;
		height: 1400rpx;
		background: rgb(249,249,249);
		.top_line{
			width: 100%;
			height: 40rpx;
			background: rgb(249,249,249);
		}
		.news{
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
			background: rgb(255,255,255);
			border-bottom: 2rpx solid rgb(249,249,249);
			display: flex;
			justify-content: flex-start;
			text{
				width: 300rpx;
				font-family: PingFangSC;
				font-weight: 400;
				font-size: 32rpx;
				color: rgb(28, 34, 42);
				font-style: normal;
				margin-left: 40rpx;
			}
			.cro_sel{
				margin-left: 280rpx;
				margin-top: 25rpx;
			}
			
	    }
		
		.have_news{
			width: 100%;
			height: 50rpx;
			line-height: 60rpx;
			background: rgb(249,249,249);
			text{
				font-family: PingFangSC;
				font-weight: 400;
				font-size: 12px;
				color: rgb(153, 153, 153);
				font-style: normal;
				margin-left: 40rpx;
			}
		}
	}
</style>
